// rem.js
// 监听窗口大小变化, 动态设置 html 跟字体大小, 实现响应式布局

function setRemUnit() {
    // 设计稿宽度 (如 375px, 按你的设计搞来)
    const designWidth = 375;
    // 获取当前窗口宽度
    const html = document.documentElement;
    const width = html.clientWidth;
    // 计算根字体大小, 假设设计稿 375px = 100rem
    html.style.fontSize = (width / designWidth) * 100 + 'px';
}

// 初始化
setRemUnit();

// 当窗口大小变化时, 重新设置 rem
window.addEventListener('resize', setRemUnit);
window.addEventListener('orientationchange', setRemUnit);